import 'package:flutter/material.dart';

class MyApp15 extends StatelessWidget {
  const MyApp15({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        // 导航条
        appBar: AppBar(
          title: const Text('ListView使用',
              style: TextStyle(color: Colors.white, fontSize: 20)),
          backgroundColor: Colors.pink,
          centerTitle: true,
        ),
        // 主体区域
        body: ListView.separated(
            // 列表的每一项
            itemBuilder: (BuildContext context, int index) {
              return Container(
                padding: const EdgeInsets.all(10),
                child: Row(
                  children: [
                    Image.network(
                      'https://yanxuan-item.nosdn.127.net/e529b6ab111ade9da9314867f98d360f.png',
                      width: 90,
                    ),
                    const SizedBox(
                      width: 10,
                    ),
                    const Expanded(
                        child: Text(
                      '海尔（Haier）波轮洗衣机全自动家用 10公斤大容量 直驱变频 一级能效 高效精华洗 以旧换新EB100B37Mate5',
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                    )),
                    const SizedBox(
                      width: 10,
                    ),
                    const Icon(
                      Icons.arrow_forward_ios,
                      size: 16,
                    )
                  ],
                ),
              );
            },
            separatorBuilder: (BuildContext context, int index) {
              return Container(
                height: 1,
                margin: const EdgeInsets.only(left: 10, right: 10),
                child: const Divider(
                  height: 1,
                ),
              );
            },
            itemCount: 20));
  }
}
